<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- autocomplete 记住密码,on为开启 -->
    <form action="" method="post" enctype="multipart/form-data" autocomplete="on">
        <!-- 下面type是file的时候需要在上面加这个enctype -->
        <input type="file">

        <label for="">用户名</label>
        <!-- 直接写 required 也可以表示需要用户必须填写 -->
        <!-- 直接写autofocus 也可以表示自动聚焦于文本框 -->
        <input type="text" name="user" placeholder="请输入用户名" required autofocus>
        
        <label for="">工号</label>
        <!-- pattern 里面填正则表达式,用于验证表单输入值是否符合要求 -->
        <input type="text" name="gonghao" placeholder="请输入工号" pattern="">

        <!-- list 表示这个输入是个下拉列表,从下拉列表中选择数据 -->
        <input type="text" list="tips">
        <!-- id绑定与上面的list一致 -->
        <datalist id="tips">
            <option value="111"></option>
            <option value="222"></option>
            <option value="333"></option>
        </datalist>

        <input type="submit">
    </form>


</body>

</html>